Ext.onReady(function() {
	var store = Ext.create('Ext.data.JsonStore', {
				fields : [{
							name : 'userid'
						}, {
							name : 'uname'
						}, {
							name : 'relname'
						}, {
							name : 'upwd'
						}, {
							name : 'telphone'
						}, {
							name : 'rname'
						}],
				pageSize : 20, // 每页多少条
				proxy : {
					type : 'ajax',
					url : 'getAlluser.do',
					reader : {
						type : 'json',
						root : 'users',
						totalProperty : 'total'
					}
				}
			});
	store.loadPage(1);
	// 查询表单
	var sform = Ext.create('Ext.form.Panel', {
				height : 40,
				frame : true,
				layout : {
					type : 'hbox',
					align : 'middle'
				},
				region : 'north',
				items : [{
							xtype : 'textfield',
							labelAlign : 'right',
							labelWidth : 40,
							fieldLabel : '',
							name : 'name'
						}, {
							xtype : 'button',
							margin : '0 0 0 10',
							iconCls : 'button-search',
							text : '查询',
							handler : sear
						}, {
							xtype : 'button',
							text : '刷新',
							margin : '0 0 0 10',
							iconCls : 'button-refresh',
							handler : function() {
								window.location.reload();
							}
						}]
			});
	function sear() {
		var values = sform.getForm().getValues();
		store.proxy.extraParams = values;
		store.loadPage(1);
	}
	// 添加表单
	var saveform = Ext.create('Ext.form.Panel', {
				url : 'saveuser.do',
				frame : true,
				layout : 'auto',
				defaults : {
					xtype : 'textfield',
					labelAlign : 'right',
					labelWidth : 60,
					allowBlank : false
				},
				items : [{
							fieldLabel : '登录名',
							name : 'uname'
						}, {
							fieldLabel : '姓名',
							name : 'relname'
						}, {
							fieldLabel : '部门',
							name : 'deptid'
						}, {
							fieldLabel : '电话',
							name : 'telphone'
						}, {
							fieldLabel : '角色',
							name : 'rolid'
						}]
			});
	// 添加表单窗口
	var savewin = function() {
		saveform.getForm().reset();
		Ext.create('Ext.window.Window', {
			title : '用户注册',
			layout : 'fit',
			buttonAlign : 'center',
			closable : true,
			closeAction : 'close',
			height : 240,
			width : 300,
			items : [saveform],
			buttons : [{
						text : '确定',
						iconCls : 'button-accept',
						handler : function() {
							var ff = saveform.getForm();
							if (ff.isValid()) {
								ff.submit({
											success : function(form, action) {
												alert(action.result.res.result);
											}
										});
								this.up('window').close();
							}else{
								alert("重要数据,请完整填写");
							}
						}
					}, {
						text : '重置',
						handler : function() {
							saveform.getForm().reset();
						}
					}]
		}).show();
	};
	// 中央表格面板
	var selModel = Ext.create('Ext.selection.CheckboxModel', {
				injectChectbox : 'first'
			});
	var grid = Ext.create('Ext.grid.Panel', {
				region : 'center',
				columnLines : true,
				selModel : selModel,
				store : store,// 必须配置
				tbar : [{
							xtype : 'button',
							text : '添加',
							iconCls : 'button-add',
							handler : savewin
						}, {
							xtype : 'button',
							text : '删除',
							iconCls : 'button-remove'
						}],
				columns : [{
							header : 'ID',
							dataIndex : 'userid'
						}, {
							header : '账号',
							dataIndex : 'uname'
						}, {
							header : '姓名',
							dataIndex : 'relname'
						}, {
							header : '密码',
							dataIndex : 'upwd'
						}, {
							header : '电话',
							dataIndex : 'telphone'
						}, {
							header : '角色',
							dataIndex : 'rname'
						}],
				dockedItems : [{
							xtype : 'pagingtoolbar',
							store : store, // 分页数据使用跟gridPanel同样的数据
							dock : 'bottom',
							displayMsg : '显示{0}-{1}条,共{2}条',
							emptyMsg : "没有数据",
							beforePageText : '第',
							afterPageText : '页共{0}页',
							displayInfo : true
						}]
			});
	Ext.create('Ext.Viewport', {
				title : '主要内容',
				layout : 'border',
				items : [sform, grid],
				renderTo : Ext.getBody()
			});
});
